<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>OOE</title>
	<script src="../js/jquery-1.8.0.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				var divElement = document.getElementById("demo");
				/*DOM2Jquery */
				var divJquery = $(divElement);
				alert("dom: "+divElement.innerHTML);
				/*jquery对dom包装了,调用html方法就可以显示标签内容  */
				alert("jquery: "+divJquery.html());
				/*Jquery2Dom */
				var jqueryDemo = $("#demo");/*jquery对象获取的数组  */
				var domDemo = jqueryDemo[0];
				alert("Jquery2Dom："+domDemo.innerHTML);
			})
		</script>
	</head>
	<body>
		<br><a href="../index.jsp">back</a>
		<br><hr color="red" />
		<h5>jquery对象和dom对象的转换</h5>
		<div id="demo">我是弹出内容</div>
	</body>
</html>